<template>
    <b-container fluid class="font text-center align-items-end">
        <b-row>
            <b-col class="bg-gray p-0">
                <div class="bg-theme divider"></div>
            </b-col>
        </b-row>
        <b-container v-if="showAd">
            <b-row class="mb-3">
                <b-col sm="12" lg="5">
                    <b-img fluid width="200px" center :src="src"></b-img>
                </b-col>
                <b-col sm="12" lg="7" class="align-self-center d-none d-lg-block" >
                    <h5 class="pb-2">魔盒二手交易网-一个帮你赚钱的网站</h5>
                    <p class="mb-0">每年帮助超过1000用户卖出宝贝</p>

                </b-col>
            </b-row>

        </b-container>
        <b-row class="bg-gray text-center">
            <b-col>
                <b-link class="mt-2 small-text color-muted">网站备案/许可证号: 浙ICP:18009157号</b-link>
                <b-link to="/about" class="blockquote-footer small-text">仅用于学习用途，非商业网站</b-link>
            </b-col>
        </b-row>

    </b-container>
</template>

<script>
  export default {
    name: "Footer",
    props: ['showAd'],
    data() {
      return {
        src: require("../img/brand.png"),

      }
    }
  }
</script>

<style scoped>
    .divider {
        height: 5px;
    }
</style>